//创建search组件
var Search = React.createClass({
    //定义初始化状态数据
    getInitialState:function () {
      return{
          searchText : '123'
      }
    },
    //定义点击事件回调函数
    goToSearch:function () {
      console.log(123)
    },
    changeInput:function (e) {
      console.log(e.target.value,this,arguments)
        //这里还可以进行脏值检测
        //如果输入特殊字符不能更新
        var val = e.target.value;
        if(/^\w+$/.test(val)){
            //用value来更新状态
            this.setState({
                searchText: val
            })
        }

    },
    //定义render方法
    render:function () {
        return(
            <div className="search">
                <input type="text" value={this.state.searchText} onChange={this.changeInput}/>
                <span className="go-search" onClick={this.goToSearch}>搜索</span>
            </div>
        )
    }
})
//渲染组件
ReactDOM.render(<Search/>,app)